<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>登录</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<div id="top">
			<ul id="top-menu">
				<li>
					<a href="index.html">
						<img id="icon1" src="img/gvoLrgfOM0x64AAAAASUVORK5CYII中.png"/>
						首页
					</a>
				</li>
				<li>
					<a href="CaiPu.jsp">
						菜谱
					</a>
				</li>
				<li>
					<a href="zhuanti.html">
						专题
					</a>
				</li>
				<li>
					<a href="fabu.html">
						美食发布
					</a>
				</li>
			</ul>
			<div id="top-menu-right">
				<a href="login.html">
					登录
				</a>
			</div>
		</div>
		<div class="container location">
			<div id="logo">
				<div>
					<img id="icon2" src="img/gvoLrgfOM0x64AAAAASUVORK5CYII大.png"/>
				</div>
				<div id="logo-right">
					<ul id="right-bar">
						<li class="bar-li f1">
							<a class="f1" href="#">每日推荐</a>
						</li>
						<li class="bar-li">
							<a href="CaiPu.jsp">菜谱</a>
						</li>
						<li class="bar-li">
							<a href="zhuanti.html">美食专题</a>
						</li>
					</ul>
					<div id="search">
						<input type="text" name="searchKey" placeholder="搜索菜谱" class="sear-text">	
						<button type="button" class="sear-btn btn-search">
							<img class="f2" src="img/search.png"/>
						</button>	
					</div>
					<a id="issue" href="fabu.html">
						<img class="f3" src="img/add.png"/>
						发布
					</a>
				</div>
			</div>
		</div>
		<div id="login">
				<div id="loginbox">
					<div class="f6">
						登录
					</div>
					<ul class="mt20">
						<li class="lo-text">
							<i class="icon4"></i>
							<input name="AccountName" data-validate="loginname" type="text" placeholder="注册邮箱/用户名" class="yh-fm-error">
						</li>
						<li class="lo-text">
							<i class="icon5"></i>
							<input name="Pwd" data-validate="minLength:6;maxLength:16;letter" data-error="6-16位字母数字组合" type="password" placeholder="请输入密码">
						</li>
						<li id="lo-check">
							 <label for="remenber"><input type="checkbox" value="1" id="remenber" name="" /> 记住用户名</label>
						</li>
						<a href="#">
							<li id="lo-submit">
								登录
							</li>
						</a>
						<li id="to-register">
							<a href="#">没有账号，点此注册</a>
						</li>
					</ul>
				</div>
		</div>
		<!--底部-->
		<div id="footer">
			
			<div id="bg2">
				<div class="container">
					<div id="bg2-left">
						<div id="bg2-t">
							<ul>
								<li><img src="img/TIM图片20170612215357.png"/></li>
								<li><a href="#">关于我们</a></li>
								<li><a href="#">联系我们</a></li>
								<li><a href="#">使用帮助</a></li>
								<li><a href="#">美食菜谱</a></li>
								<a href="#">网站首页</a>
							</ul>
						</div>
						<div id="bg22">
							本站信息由网络收集及网友提供，中华美食网不负责信息内容的准确性和完整性，对此亦不承担任何保证责任。
						</div>
						<div id="bg23">
							蜀ICP备10008552号 Copyright(©) 2005 - 2016 www.zhms.cn All rights reserved.
						</div>
					</div>
					<div id="bg2-right">
						<img src="img/erweima.jpg"/>
						<div class="bg2-sao">
							扫一扫加入我们
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
